<template>
  <el-tooltip :content="content" v-bind="attrs">
    <srmButton v-bind="$attrs" v-on="$listeners">
      <slot />
    </srmButton>
  </el-tooltip>
</template>

<script>
import srmButton from "../SrmButton";
export default {
  name: "srmTipButton",

  components: {
    srmButton,
  },

  props: {
    content: {
      type: String,
      require: true,
    },

    tipConfig: {
      type: Object,
      default: null,
    },
  },

  data() {
    return {};
  },

  computed: {
    attrs() {
      let tipConfig = { effect: "dark", placement: "top" };
      Object.assign(tipConfig, this.tipConfig);
      return  tipConfig
    },
  },

  methods: {},
};
</script>

<style>
</style>